/* 圆点 */
@keyframes warn {
    0% {
      transform: scale(0.5);
      opacity: 1;
    }
 
    30% {
      opacity: 1;
    }
 
    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }


  @media screen and (max-width: 1620px) {
    .m1620{width: 100%;  }
    .applicationtxt li .applicationtxtIeam{ height: 180px; }
    .applicationtxt li h2{margin-bottom: 20px;}
    .applicationtxt li .line{margin-top: 20px;}
    .applicationtxt li .info{ margin: 20px 0;word-break:break-all;
      display:-webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient:vertical;
      overflow:hidden; width: 100%;}
      header .logo{ padding-left: 20px;}
     
  }
  @media screen and (max-width: 1440px) {
   .prodesc h1{ font-size: 28px }
   .prolistUl li .prowen h1{ font-size: 22px;  }
    
  }

  @media screen and (max-width: 1400px) {
    .m1400{width: 100%;  }


  }

  @media screen and (max-width: 1300px) {
    .m1300{ width: 1200px;  }
    .applicationtxt li .info{ margin: 20px 0;word-break:break-all;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden; width: 100%;}
    .newleft{ width: 30%; padding: 37px 2%;}
    .newright{ width: 63%;}

    .mapbox{      padding-left:0; width:  100%; }
    .mapbox img{ width:  100%}
    .addreeul li{ width: 250px;padding: 25px;}
    .pointul li:nth-child(1){  top: 36.5%;right: 32.5%;}
    .pointul li:nth-child(2){  top: 57%;right: 30%;}
    .pointul li:nth-child(3){  top: 60%;right:22%;}
    .pointul li:nth-child(4){  top: 82%;right:32%;}
    .addreeul li:nth-child(1){ right:15% ; top: 9%;}
    .addreeul li:nth-child(2){right:35% ; top: 44%;}
    .addreeul li:nth-child(3){right:0 ; top: 65%;}
    .addreeul li:nth-child(4){right:35% ; top: 80%;}

    /* newslist */
    .newslistUl li{  margin-bottom: 30px;}

    /* pro */
    .proimgban{ width: 60%;}
    .prodesc{ width: 30%;}
    .proimgban .gallery-top{ width: 78%;}
    .proimgban .gallery-thumbs{ width: 20%;}
    .proimgban .gallery-thumbs .swiper-slide{ width: 96%;}
    /* contact */
    .gbookItem input{     width: 360px}   
  
  }
  @media screen and (max-width: 1200px) {
    .m1300{ width: 98%; padding: 0 1%;  }
    .aboutleft{ width: 44%;}
    .aboutleft img{ max-width: 100%;}
    .aboutright{ width: 50%;}
    .aboutright .info{word-break:break-all;
      display:-webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient:vertical;
      overflow:hidden; width: 100%;}
      .aboutit{ top: 0;}
      .aboutit h1{  font-size: 130px;}
      .advantageItem figure{ width: 75%;  }
      .applicationtxt li{ padding: 0 20px;}
    header .m1620 .r{ display: block;}

    header .m1620 nav{ top: 60px;position: absolute;  width: 100%; background: #fff; display: none; }

    header .m1620 nav a{ color: #333; display:block;}
    header .m1620 nav a:hover{ color: #fff; background: #172f68;}
    header nav ul{ display: block;}
    header nav ul li{ padding: 0; text-align: center; }
    header.bg .m1620 nav{top:60px; }
    header .m1620 .r{ background: #172f68;padding: 20px 40px;justify-content: center;align-items: center;display: flex; position: relative;}
    header .m1620  .r .burger{ width: 32px;
      height: 1px;
      background-color: hsla(0, 0%, 100%, .8);
      position: absolute;
      top: 28px;
      right: 30%;
      margin: 0 0 0 -16px;
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transition: .8s;
      transition: .8s}
      
  header    .r .burger:first-of-type,
  header   .r .burger:nth-of-type(3) {
    width: 0;
    -webkit-animation: long-data-v-567370fb 2s linear infinite;
    animation: long-data-v-567370fb 2s linear infinite
}

  header   .r .burger:nth-of-type(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
    

  header   .r .burger:nth-of-type(2) {
  top: 38px
}

  header   .r .burger:nth-of-type(3) {
  top: 48px
}

  header .m1620 .close .burger:first-of-type {
  top: 38px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  width: 32px;
  -webkit-animation: none !important;
  animation: none !important
}

  header .m1620 .close .burger:nth-of-type(2) {
  left: -100%;
  opacity: 0
}

  header .m1620 .close .burger:nth-of-type(3) {
  top: 38px;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  width: 32px;
  -webkit-animation: none !important;
  animation: none !important
}
/* about */
.CultureUl li{ height: 450px;}
 /* newslit */
 .newslistUl { padding: 30px 0;}
 .prodesc{ padding: 0 20px; width: 35%;}
 .prodescdl dl dd{ padding-left: 20px;}
 /* contact */
 .gbookItem input{  width: calc(30% - 15px);}
 .contactright{ width: 48%;}
 /* 领域 */
 .applicationwen{    padding: 20px 0 0 20px;}
 .applicationlist ul li{    padding: 0px 20px 30px 20px;}

 .smaillban .text h2{    margin-top: 30px;}
 .joinpage1{ padding: 30px;}
 .smaillban .m1300{ left: 0; margin-left: 0;}
 .smaillban .text{ margin: 0;}
 .smaillban .text h6{ font-size: 22px;}
 .smaillban .text h2{ margin-top: 10px;}
 .smaillban .text h2 span{ font-size: 24px;}
      
  }

  @media screen and (max-width: 1000px) {
    
    .aboutright h1{ font-size: 26px;}
    .aboutright .info{    -webkit-line-clamp:4;   
    }
    .aboutmore{width: 180px;height: 40px; line-height: 40px;bottom: 15px;}
     
    .aboutit h3{ display: none;}
    .title{    padding: 35px 0;}
    .product .m1300 .swiper-slide{ padding-top: 0;}
    .applicationtxt li .info{ display: none;}
    .applicationtxt li .applicationtxtIeam{ height: 160px;}
    .applicationtxt li a{ display: block; padding-top: 20px;}
    .applicationtxt li a img{ width: 50px; height: 50px;}
    .applicationtxt li h4{ font-size: 18px;}
    .addresstop{ height: auto; padding: 20px 0;}
    .addresstit h1{ font-size: 26px;}
    .addresstit h5{    margin-top:20px; line-height: 2em;}
    .addresslink a{ width: 80px; height: 80px; line-height: 80px;}
    .addreeul li p{ display: none;}
    .newtxt .newdesc,.newtxt h3{word-break:break-all;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden; }
      .newtxt .newdesc{ font-size: 14px;}
      .clear65{ height: 20px;}
      .newleft{ padding:20px 2%;}
      .newrightbot{ padding: 20px;}
      .title h1{ font-size: 30px;}
      .foottop{ display: block;}

      /* about */
      .aboutpage1 .m1300{ display: block;}
      .aboutpage1left{ width: 100%;}
      .aboutpage1{  padding: 50px 10px;     background-size: cover;}
      .aboutpage1right{ width: 100%; text-align: center; margin-top: 20px;}
      .history{ padding: 50px 10px;}
      .historyUl li{ display: block;}
      .historytxt{ width: auto;}
      .historypic{ width:100%; text-align: right;justify-content: flex-end; margin-top: 10px; }
      .historypic img{ margin-right: 55px;}
      .historyUl li:nth-child(2n) .historypic{justify-content: flex-start; }
      .historyUl li:nth-child(2n) .historypic img{ margin-left: 55px; margin-right: 0}
      .CultureUl li{ height: 380px;}
      /* newslit */
      .newslistUl li{ width: 48%;}
      .newslistUl li:nth-child(3n){ margin-right: 2%;}
      /* 信息 */
      .news-detail-tit{ padding: 22px;}
      /* 产品 */
      .prolistUl li .propic{    height: 250px;}
      .prolistUl li{margin-bottom: 20px;}
      /* contact */
      .contactright{ width: 48%;}

      .contactleft h1{ font-size: 26px;    padding-bottom: 15px;    margin-bottom: 15px;}
      .contactleft p{ line-height: 2;}
       /* 领域 */
 .applicationwen{    padding: 10px 0 0 10px;}
 .applicationlist ul li{       padding: 0px 0px 10px 0px;}
 .applicationimg{ width: 70%;}


 
      
  }
  @media screen and (max-width: 780px) {
    .newbox .m1400,.footright{ display: block; width: 100%;}
    .footrightItem .footcontact,.footrightItem { width: 100%;}
    .newleft,.newright{padding: 20px 2%; width: 96%;}
 
    .applicationtxt{ display: block; position: relative; height: 250px; background: #1a3577;}
    .applicationtxt li{ width: 45%; float: left; padding: 20px 2%;}
    .applicationtxt li.on .applicationtxtIeam{ height: 150px;}
    .applicationtxt li a{ display: none;}
    .applicationtxt li .applicationtxtIeam{ height: 150px;}
    .applicationtxt{ height:400px;}
    .applicationtxt li h3{ font-size: 12px;}
    .product .m1300 ul,.about .m1300{ display: block;}
    .product .m1300 ul li{ width: 48%; float: left; }
    .product .m1300 ul li:nth-child(2n){ margin-left: 2%;}
    .product .m1300 ul li:nth-child(3){ display: none;}
    .product .m1300 .swiper-slide .proimg{ height: 200px; line-height: 200px;}
    .product .m1300 .swiper-slide .protxt figure{word-break:break-all;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical; margin-top: 15px; font-size: 14px;
      overflow:hidden; }
      .product .m1300 .swiper-slide .protxt{ height: 150px;}
      .product .m1300 .swiper-slide .protxt h5{ font-size: 18px;}
      .product{background: url(../images/productbg2.png) repeat-x center bottom;padding-bottom:20px }
      .advantageItem{ width: 50%; padding: 30px 0; }

      .aboutleft, .aboutright{ width: 100%;}
      .aboutright{ height: 300px;}
      .about{    padding:20px 0;}
      .aboutright .info{ margin-top: 20px;}
      .advantageItem h2{ font-size: 18px;margin-bottom:20px}
      .addresstit h1{ font-size: 18px;}
      .addresstit h5{ font-size: 14px;}
      .addresstit{ width: calc(100% - 80px);}
      .addresslink a{ width: 50px;height: 50px; line-height: 50px;}
      .applicationtxt li h2{ font-size: 18px;}

      .addreeul li{ padding: 10px; width: auto; height: auto; background: none !important; }
      .addreeul li h5{ font-size: 14px;margin-bottom: 0px; font-weight: normal;}

      .footbot .m1300{ display: block;  line-height: 40px;}
      .foootewmtxt{ text-align: left;}
      .footleft input{ width: calc(100% - 20px); margin: 20px 0;}

      header.bg,header{ height: 60px; line-height: 60px;}
      .logo img{ height: 40px; padding-left: 10px;}
      header .m1620 .r .burger{ top: 18px;}
      header .r .burger:nth-of-type(2){ top: 28px;}
      header .r .burger:nth-of-type(3){ top: 38px;}
      .advantageItem figure{ height: 120px;}
      .newtxt .newdate span:nth-child(1){ width: 30px;}
      .news{padding-bottom: 20px;}
      .footleft img{ height: 40px; margin-bottom: 20px;}
      footer{ padding-top: 20px;}
      .footrightItem .footcontact dl:nth-child(2n){    padding-left:40px;    width: calc(50% - 40px);}
      .footrightItem dl dd{ font-size: 16px;}
      .title{ padding: 20px;}
      .title h1{ font-size: 26px;}
      .newtxt .newdesc{ margin: 20px 0;}
      .ban-button{ width: 130px;}
      .ban .swiper-button-next,.ban .swiper-button-prev{ width: 50px; height: 40px;}
      .ban .swiper-button-next{    margin-left: 60px;}
      .ban .swiper-button-prev{    margin-right: 60px;}
      .banline{    bottom: calc(10% + 40px);}
      .ban .swiper-pagination { font-size: 14px;  line-height: 40px;}
      .ban .swiper-pagination span{ font-size: 22px;  }
      .ban .swiper-slide h1{ font-size:50px ;  text-align: center; }
.ban .swiper-slide h2{ font-size: 20px; text-align: center; }
/* about */
.aboutpage1,.history,.Culture{ padding: 20px 10px;}
.aboutpage1 h2{ font-size: 28px;    }
.aboutpage1 h3{ font-size: 28px;    margin-bottom: 20px;}
.aboutpage1 .info{ font-size: 14px; line-height: 2;}
.historyUl li:nth-child(2n-1) .historytxt{    padding-right: 15px;}
.historyUl li:nth-child(2n-1) .historytxt h2::before{right: -22px;}
.historypic img{ margin-right: 15px; width: 100px; height: 100px;}
.historytxt figure{ font-size: 13px; line-height:2;}
.historyUl li{ margin-bottom: 0px;}
.historyUl li:nth-child(2n) .historytxt{padding-left: 15px;}
.historyUl li:nth-child(2n) .historytxt h2::before{    left: -22px;}
.historyUl li:nth-child(2n) .historypic img{    margin-left: 15px;}
.historytit h2{ font-size: 28px }
.historytit h3,.Culturetit h2:nth-child(2){ font-size: 28px;}
.historytit{ line-height: 1.4;}
.Culturetit h2{ font-size: 28px;}
.CultureUl{    margin-top: 20px;}
.CultureUl li{ width: 100%;}
.CultureUl{ display: block;}
.Culture .swiper-container{ margin-top: 20px;}
/* newslist */
.newslistUl li{ width: 100%;}
.newslistUl{ padding: 20px 0;}
.newswen{    padding: 15px;}
.newswen h2{ font-size: 26px;}
.newswen h1{ font-size: 20px;margin-top: 15px;}


/* 信息*/
.news-detail-tit{ padding: 12px;}
.news-detailtxt h1{ font-size: 22px; line-height:1.3;margin-bottom: 20px;}
.news-detailback{ display: none;}
.news-detail-info{ padding: 12px; font-size: 14px;}
.news-detail-page{ display: block;}
.news-detail-page li{ width: 100%;}
.news-detail-page li:first-child{ border-bottom: 1px solid #2b4a93;}
.news-detail-page li a{ height: 50px; line-height: 50px; padding: 0 12px;}
.news-detail{ margin: 20px 0;}
.news-detailtxt p{ font-size: 14px;}


/* 产品 */
.prolistUl li{ width: 48%;}
.prolistUl li .propic{ height: 130px;}
.prolistUl li .prowen{ padding: 8px;}
.prolistUl li .prowen h1{ font-size: 20px;}
.prolistUl li .prowen .info{ display: none;}
.prolistUl li .prowen .btn{  font-size: 14px; height: 26px; line-height: 26px; margin-top: 8px;}
.prolistUl li:nth-child(3n){ margin-right: 2%;}
.pglist{ padding:0px 0 35px 0;}
.pglist a{ font-size: 14px; height: 30px; width: 30px; line-height: 30px;    margin: 0 5px;   }
   /* pro */
  .proimgban{ height: auto;}
   .pro-detail-top{ padding: 20px 0;}
   .pro-detail-top .m1300{ display: block;}
   .proimgban{ width: 100%; display: block;}
   .proimgban .gallery-top { width: 100%;   }
   .proimgban .gallery-thumbs{ width: 100%;    height: 80px; margin-top: 10px;}
   .proimgban .gallery-thumbs .swiper-slide{ height: 78px;}
   
   .prodesc{ width: calc(100%  - 30px);  padding: 15px; margin-top: 15px;}
   .prodesc h1{ font-size: 22px;}
   .prodesc .line{ margin: 20px 0;}
   .prodescdl dl{ height: 42px; line-height: 42px; font-size: 14px;}
   .prodescdl dl dt{ width: 36%;}
   .pro-detail-bot{ padding: 20px 0;}
   .title-pro span{ font-size: 20px;    padding-bottom: 15px;}

   /* 应用 */
   .applicationlist{ padding: 20px 0;}
   .applicationlist ul li{ display: block;margin-bottom: 20px;}
   .applicationimg{ width: 100%; margin-top: 0;background-size: cover;    height: 200px;background-size: cover !important;}
   .applicationwen{ padding: 10px;    width: auto !important;}
   .applicationwen h2{ font-size: 20px;}
   .applicationwen .info{ margin-top: 10px; font-size: 14px; line-height: 2;}
   .applicationwen a{ position: relative; left: auto; height: 40px; line-height: 40px; font-size: 14px; margin-top: 15px;}
   /* contact */
   .contact{ padding: 20px 0;}
   .contactbox{ display:  block;}
   .contactright{ width: 100%;}
   .contactright  iframe{ height: 210px;}
   .contactleft h1{ font-size: 22px;}
   .contactleft p{ font-size: 14px; line-height: 1.8;}
   .contactright{ height: auto;}
   .gbook{  height: auto;  padding: 0 0 20px 0;}
   .gbook h1{ font-size: 22px;    margin-bottom: 15px;}
   .gbookItem{ display: block;}
   .gbookItem input{width: calc(98% - 15px); margin-bottom: 15px;    margin: 15px auto 0 auto; display: block; line-height: 40px; height: 40px; font-size:14px;}
   .gbookItem{ margin-bottom: 15px;}
   .gbookItem textarea{width: calc(98% - 15px);   margin: 0px auto 15px auto; display: block; margin-bottom: 15px;    height: 150px; font-size:14px;}
   .gbookItem button{width: calc(98% - 15px);display: block; height: 40px; line-height: 40px;  font-size:14px;}

    
   .joinpage1{ padding: 15px;}
   .jointxt{ padding: 10px; font-size: 14px; line-height: 2;}
   .jointxt h3{ font-size: 22px;margin-bottom:10px;}
   .smaillban .text h6{ display: none;}
   .smaillban .text h2{ font-size: 16px;}
   .smaillban .text h2 span{ font-size: 18px;}
   .recruit-box,.recruit-box .list{ margin-top: 20px;}
   .recruit-box .list .item{ padding: 15px;margin-bottom: 20px;}
   .recruit-box .list .staff-box{  padding-bottom: 15px;}
   /* .recruit-box .list .staff{padding-left:0}
   .recruit-box .list .detail{padding-right:0} */
   .require span:nth-child(4){ width: 52% !important;}


   .tancon{    width: 90%;padding: 0 3% 0;}
   .rc-popscroll{ height: 250px;    padding-right: 20px;}
   #mCSB_1{    min-height: auto !important;}
   .tancoiii{    margin-top: 10px;}
   .tancoiiiab{ padding: 10px 0;}
   .tancoiiiab .t1{ width: 48%;}
   .g5lianjie{ height: 30px; line-height: 30px; margin: 5px 0 25px 0;}
   .tanright{ width: 50px; height: 50px;top: -60px; right: 0px;}
   .tancoiii h4{ font-size: 16px; margin-bottom: 10px;}

   .newright img{  height: 180px; object-fit: cover; width: 100%;}
   .newleft img{ width:  100%; height: 180px; object-fit: cover;}
  }



  /* 动画 */
  
@-webkit-keyframes long-data-v-567370fb {
  0% {
      width: 0
  }

  25% {
      width: 16px
  }

  50% {
      width: 32px
  }

  75% {
      width: 16px
  }

  to {
      width: 0
  }
}

@keyframes long-data-v-567370fb {
  0% {
      width: 0
  }

  25% {
      width: 16px
  }

  50% {
      width: 32px
  }

  75% {
      width: 16px
  }

  to {
      width: 0
  }
}